<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>dom操作</title>
	</head>

	<body>

		<ul>
			<li>前端</li>
			<li>java</li>
			<li>JavaScript</li>
			<li>Object-C</li>
		</ul>

		<script type="text/javascript">
			// 获取第一个li标签
			
			/**
			 * getElementsByTagName获取的是数组
			 * 索引: 不直观,一般数据都是根据后台来动态获取,前台生成添加
			 * */
			var cli = document.getElementsByTagName("li")[0]
			console.log(cli)
			
			/**
			 * query: 查询 
			 * Selector: 选择器 
			 * querySelector: 获取满足条件的第一个元素
			 * 参数要求: 如果是类选择器,必须添加".",如果是id选择器,必须添加"#"...否则会当成标签处理
			 * */
			var javaLi = document.querySelector("li");
			console.log(javaLi)
			
			var allLi = document.querySelectorAll("li");console.log(allLi)
			
		</script>
	</body>

</html>